<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Blogs</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/css/header.css}"/>
</head>

<body>

<div class="layui-main layui-bg-black">
    <!--  logo  -->
    <div id="header_logo" >
        <span>Blogs</span>
    </div>

    <!-- 头部区域（可配合	layui已有的水平导航） -->
    <ul class="layui-nav layui-input-inline">
        <li class="layui-nav-item "><a href="index.html">首页</a></li>
        <li class="layui-nav-item"><a href="mail.html">分类</a></li>
        <li class="layui-nav-item"><a href="makeAppointment.html">标签</a></li>
        <li class="layui-nav-item"><a href="suggest.html">归档</a></li>
    </ul>

    <div class=" layui-layout-right">

        <div id="header_search" class="layui-input-inline">
            <input type="text" name="keyword"  class="layui-input" placeholder="查询">
            <i class="layui-icon layui-icon-search"></i>
        </div>

        <ul class="layui-nav layui-input-inline">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    <span id="name"></span>
                </a>
            </li>
            <li class="layui-nav-item"><a href="/Smart_Backstage/logout.do">退出</a></li>
        </ul>

    </div>

</div>


<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>


<div class="layui-main layui-bg-black footer_div">

    <div class="footer_top">

        <div>
        <img th:src="@{/images/erweima.jpg}"/>
    </div>

        <div>
            <a>66666</a><br>
            <a>66666</a><br>
            <a>66666</a><br>
        </div>

        <div>
            <a>66666</a><br>
            <a>66666</a><br>
            <a>66666</a><br>
        </div>

        <div>
            <a>66666</a><br>
            <a>66666</a><br>
            <a>66666</a><br>
        </div>

        <div>
            <a>66666</a><br>
            <a>66666</a><br>
            <a>66666</a><br>
        </div>

    </div>
</div>


<script th:src="@{/js/vue.min.js}"></script>
<script th:src="@{/js/axios.min.js}"></script>
<script th:src="@{/layui/layui.js}"></script>


<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        var element = layui.element;
    });
</script>

</body>
</html>